{include file="index@/public/header" /}
<style>
    body {
        background: #e1e0de;
        color: #333333;
    }

    * {
        box-sizing: border-box;
    }

    h1,
    h2,
    h3,
    h4 {
        font-weight: 700 !important;
    }

    .layui-card-header {
        width: 100%;
        border-bottom: 1px solid #999 !important;
        padding-left: 5px;
    }

    .layui-card {
        padding: 10px 20px 50px;
    }

    p {
        margin: 0 0 10px !important;
    }

    .layui-container {
        padding: 0 !important;
    }

    img {
        max-width: 100%;
    }

    ::-moz-selection {
        background: #cccccc;
        color: #ffffff;
    }

    ::selection {
        background: #cccccc;
        color: #ffffff;
    }

    .layui-breadcrumb {
        padding-left: 5px;
        text-decoration: none !important;
    }

    .layui-card h1 {
        margin: 10px auto 0;
    }

    .description {
        font-size: 15px;
        font-weight: bold;
        margin: 20px 0;
    }

    .layui-col-xs1,
    .layui-col-sm1,
    .layui-col-md1,
    .layui-col-lg1,
    .layui-col-xs2,
    .layui-col-sm2,
    .layui-col-md2,
    .layui-col-lg2,
    .layui-col-xs3,
    .layui-col-sm3,
    .layui-col-md3,
    .layui-col-lg3,
    .layui-col-xs4,
    .layui-col-sm4,
    .layui-col-md4,
    .layui-col-lg4,
    .layui-col-xs5,
    .layui-col-sm5,
    .layui-col-md5,
    .layui-col-lg5,
    .layui-col-xs6,
    .layui-col-sm6,
    .layui-col-md6,
    .layui-col-lg6,
    .layui-col-xs7,
    .layui-col-sm7,
    .layui-col-md7,
    .layui-col-lg7,
    .layui-col-xs8,
    .layui-col-sm8,
    .layui-col-md8,
    .layui-col-lg8,
    .layui-col-xs9,
    .layui-col-sm9,
    .layui-col-md9,
    .layui-col-lg9,
    .layui-col-xs10,
    .layui-col-sm10,
    .layui-col-md10,
    .layui-col-lg10,
    .layui-col-xs11,
    .layui-col-sm11,
    .layui-col-md11,
    .layui-col-lg11,
    .layui-col-xs12,
    .layui-col-sm12,
    .layui-col-md12,
    .layui-col-lg12 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .layui-textarea {
        resize: none !important;
    }

    @media screen and (max-width: 800px) {
        .layui-card-header {
            line-height: normal !important;
            font-size: 10px !important;
        }

        .content-bottom {
            flex-direction: column;
        }
    }

    .Bearings-content-header {
        padding: .3rem;
    }

    .Bearings-content-headerC {
        font-size: 18px;
        background-color: #F6F6F6;
        padding: 10px 10px;
    }

    .Bearings-content-font {
        display: inline-block;
        font-size: 0.775rem;
        padding: .5rem;
        line-height: 1.1rem;
    }

    .Bearings-content-button {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-top: .4rem;
    }

    .Bearings-content-buttonT {
        margin-top: .8rem;
    }

    .Bearings-content-button a {
        width: 13rem;
        height: 3.125rem;
        text-decoration: none;
        border: 1px solid #ccc;
        border-radius: 8px;
        color: #333;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Bearings-content-button a:hover {
        border: 1.5px solid #36648A;
    }

    .layui-breadcrumb-a {
        font: 12px/14px arial, helvetica, sans-serif;
        color: #36648A !important;
    }

    .layui-breadcrumb-b cite {
        font: 12px/14px arial, helvetica, sans-serif;
        color: #333333 !important;
    }

    /* WHD */
    table {
        margin-top: 20px;
        font-size: 0.75rem;
    }

    tbody tr td {
        width: 10rem;
        font-size: 0.75rem;
        box-sizing: border-box;
        padding: 0.7rem 0.25rem;
    }

    tr:nth-child(n+2):hover{
        background-color: #36648A;
        color: white;
    }

    .Bearings-specs-boxB{
        padding: 0px 11px !important;
    }


    tbody tr td:nth-child(1) {
        width: 3rem;
    }

    tbody tr td:nth-child(2) {
        width: 4rem;
    }

    tbody tr td:nth-child(3) {
        width: 7.5rem;
    }

    tbody tr td:nth-child(5) {
        width: 6rem;
    }

    .Bearings-specs {
        margin-top: 2.5rem;
        font-size: 0.75rem;
    }
    .Bearings-specs>div{
        margin-top: 3rem;
    }
    .Bearings-specs-box{
        padding: 0px 30px;
        box-sizing: border-box;
        display: flex;
        justify-content: start;
    }
    .Bearings-specs-box>div{
        width: 24rem;
    }
    .Bearings-specs-box-title{
        margin-bottom: 6px;
    }
    .Bearings-specs .Bearings-specs-box ul li {
        list-style: disc;
        line-height: 20px;
    }
    .Bearings-specs-boxT{
        border: none;
    }
    .Bearings-specs-title{
        font-size: 16px;
        padding: 5px 10px;
    }

    /* 文字样式 */

    .qq{
        list-style:none;
        counter-reset: count;
    }

    .qq li:before{
        content: '●';
        color: #458DE1;
        font-size: 14px;
        line-height: 25px;
    }


</style>
<div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
    <div class="layui-card">
		<span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
        <div class="layui-card-header" >
            <h1>{:lang('Super-Precision Contact Ball Bearings Bearing Data')}</h1>
        </div>

        <!-- content -->
        <div class="Bearings-content">
            <div class="Bearings-specs">
                <table  width="1000px;" cellspacing = “20” style="margin-top: -30px;">
                    <tr>
                        <td style="color: #0073a5;font-size: 1.5rem;font-weight: 500;">{:lang('Chamfer dimensions')}</td>
                    </tr>
                    <tr>
                        <td style="background-color:  #ffffff;color: black; ">{:lang('Minimum values for the chamfer dimensions in the radial direction (r1, r3) and axial direction (r2, r4) are listed in the product table. The specifications differ according to the series.')}</td>
                    </tr>
                    <tr>
                        <td style="background-color:  #ffffff;color: black;">
                            <p style="font-weight: bold;margin-left: -5px;">718 .. D {:lang('series')}</p>
                            <ul class="qq" style="margin-left: 10px;">
                             <li> &emsp;{:lang('Values for the inner ring and thrust side of the outer ring: ISO 15')}</li>
                              <li> &emsp;{:lang('Values for the non-thrust side of the outer ring are not standardized')}</li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td style="background-color:  #ffffff;color: black;">
                            <p style="font-weight: bold;margin-left: -5px;">719 .. D, 70 .. D {:lang('and')} 72 .. D {:lang('series')}</p>
                            <ul class="qq" style="margin-left: 10px;">
                                <li> &emsp;{:lang('Values for the inner ring and thrust side of the outer ring: ISO 15')}</li>
                                <li> &emsp;{:lang('Values for the non-thrust side of the outer ring: ISO 12044, where applicable')}</li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td style="background-color:  #ffffff;color: black;">
                            <p style="font-weight: bold;margin-left: -5px;">719 .. E {:lang('series')}</p>
                            <ul class="qq" style="margin-left: 10px;line-height: 25px;">
                                <li> &emsp;{:lang('Values for the non-thrust side of the inner ring (d ≤ 30 mm), thrust side of the inner ring, and thrust side of the outer ring: ISO 15')}</li>
                                <li> &emsp;{:lang('Values for the non-thrust side of the inner ring (d > 30 mm): smaller than those in accordance with ISO 15')}</li>
                                <li> &emsp;{:lang('Values for the non-thrust side of the outer ring: ISO 12044')}</li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td style="background-color:  #ffffff;color: black;">
                            <p style="font-weight: bold;margin-left: -5px;">70 .. E {:lang('and')} S70 .. W {:lang('series')}</p>
                            <ul class="qq" style="margin-left: 10px;">
                                <li> &emsp;{:lang('Values for the inner ring and thrust side of the outer ring: ISO 15')}</li>
                                <li> &emsp;{:lang('Values for the non-thrust side of the outer ring: ISO 12044')}</li></ul>
                        </td>
                    </tr>
                    <tr>
                        <td style="background-color:  #ffffff;color: black;">
                            <p style="font-weight: bold;margin-left: -5px;">719 .. B {:lang('and')} 70 .. B {:lang('series')}</p>
                            <ul class="qq" style="margin-left: 10px;line-height: 25px;">
                                <li> &emsp;{:lang('Values for the inner ring and thrust side of the outer ring: ISO 15')}</li>
                                <li> &emsp;{:lang('Values for the non-thrust side of the outer ring: smaller than those in accordance with ISO 15')}</li></ul>
                        </td>
                    </tr>
                    <tr>
                        <td style="background-color:  #ffffff;color: black;">
                            <p>{:lang('The appropriate maximum chamfer limits, which are important when dimensioning fillet radii on associated components, are in accordance with ISO 582 and are listed in the product table.')}</p>
                        </td>
                    </tr>
                </table>

                <br> <br>
                <table  width="1000px;" cellspacing = “20” style="margin-top: -10px;">
                    <tr>
                        <td style="background-color:  #ffffff;color: black;">
                          <div style="color: #0073a5; margin-top: -15px;font-size: 1.5rem;font-weight: 500;">{:lang('Tolerances')}</div>
                            <ul class="qq" style="margin-top: 20px;line-height: 25px;" >
                                <li>&emsp;P4A {:lang('class tolerances')}  <a href="{:Config::get('app.images_host')}/pdf/web/s1.pdf" target="view_window" class='imgpdf dwn'>({:lang('table')} 1)</a></li>
                                <li>&emsp;P4B {:lang('class tolerances')} <a href="{:Config::get('app.images_host')}/pdf/web/s2.pdf" target="view_window" class='imgpdf dwn'>({:lang('table')} 2)</a></li>
                                <li>&emsp;P4 {:lang('class tolerances')} <a href="{:Config::get('app.images_host')}/pdf/web/s3.pdf" target="view_window" class='imgpdf dwn'>({:lang('table')} 3)</a></li>
                                <li>&emsp;PA9A {:lang('class tolerances')} <a href="{:Config::get('app.images_host')}/pdf/web/s4.pdf" target="view_window" class='imgpdf dwn'>({:lang('table')} 4)</a></li>
                                <li >&emsp;P2 {:lang('class tolerances')} <a href="{:Config::get('app.images_host')}/pdf/web/s5.pdf" target="view_window" class='imgpdf dwn'>({:lang('table')} 5)</a></li>
                            </ul>
                        </td>
                    </tr>
                </table>






            </div>
        </div>
    </div>
    </div>


    {include file="index@/public/footer" /}
